<template>
  <view>
    <u-card
        :border="false"
        box-shadow="0px 0px 8px #ddd6d6"
        :body-style="{ padding: '0 20rpx' }"
        :head-style="{ padding: '28rpx 30rpx 10rpx' }"
        :head-border-bottom="false"
        :foot-style="{ padding: '0rpx 30rpx 30rpx' }"
        :foot-border-top="false"
      >
        <view slot="head">
          <view class="card-row u-flex head">
            <u-section title="企业信息" color="#014833" font-size="32" :right="false"></u-section>
          </view>
        </view>
        <view slot="body">
          <view class="card-row u-p-t-10">
            <scroll-view :scroll-x="true" class="u-flex of-hide">
              <view class="container-body u-flex">
                <view class="body-card">
                  <h4 class="u-m-b-20 tit">{{ dataMsg.customerName }}</h4>
                  <view class="u-flex u-m-b-20">
                    <view class="u-p-r-20">统一社会信用代码:</view>
                    <view>{{ dataMsg.orgCode }}</view>
                  </view>
                  <view class="u-flex u-m-b-20">
                    <view class="u-p-r-20">煤矿地址:</view>
                    <view>{{ dataMsg.customerAddress }}</view>
                  </view>
                </view>
              </view>
            </scroll-view>
            
          </view>
        </view>
        <view slot="foot">
          <view class="u-flex foot u-p-t-20">
            <view>
              <text class="f-14 txt u-line-1">{{ dataMsg.legalPerson }}</text>
              <text class="f-12 u-p-t-20 tit">法定代表人</text>
            </view>
            <view class="block-center">
              <text class="f-14 txt">{{ dataMsg.frdbyddh }}</text>
              <text class="f-12 u-p-t-20 tit">法定代表人联系电话</text>
            </view>
            <view>
              <text class="f-14 txt">{{ dataMsg.foundDate }}</text>
              <text class="f-12 u-p-t-20 tit">报告日期</text>
            </view>
          </view>
        </view>
      </u-card>
  </view>
</template>
<script>
  export default {
    props: {
			dataMsg: {
				type: Object,
				default: {}
			},
		},
    data(){
      return{

      }
    },
    methods:{

    }
  }
</script>
<style lang="scss" scoped>
  .head{
    padding-bottom: 24rpx;
    border-bottom:  2rpx solid #F6F6F6;
  }
  .foot{
    border-top:  2rpx solid #F6F6F6;
    justify-content: space-around;
    >view{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      &.block-center{
        padding: 0 20rpx;
        border-left: 2rpx solid #f6f6f6;
        border-right: 2rpx solid #f6f6f6;
      }
      .u-line-1{
        max-width: 200rpx;
      }
    }
    .txt{
      color: #333;
    }
    .tit{
      color: #666;
    }
  }
  .body-card{
    .tit{
      color: #333;
    }
    
  }
</style>